{% extends "base.html" %}
{% load i18n %}

{% block title %}{{ cur_category.name }}->{{ cur_font.name }}{% endblock %}
{% block set_lang %}<input name="next" type="hidden" value="{% url fontrender.converter.views.converter cur_category.slug cur_font.slug %}" />{% endblock %}

{% block content %}
    <strong>{% trans "Font choosen" %}: <a href="{{ cur_category.get_absolute_url }}">{{ cur_category.name }}</a>-><a href="{{ cur_font.get_absolute_url }}">{{ cur_font.name }}</a></strong>
    {% if form.errors %}
        <p style="color: red;">
            {% trans "Please correct the error" %} {{ form.errors|pluralize }} {% trans "below" %}.
        </p>
    {% endif %}

    <form action="" method="post">
	{% csrf_token %}
        <div class="field">
       	    {{ form.size.errors }}
            <label for="id_size">{% trans "Size" %}:</label>
	    {{ form.size }}
        </div>
        <div class="field">
            {{ form.color.errors }}
            <label for="id_color">{% trans "Text color" %}:</label>
            <input type="text" maxlength="6" size="6" id="colorpickerField1" value="000000" name="color"/>
        </div>
        <div class="field">
            {{ form.alignment.errors }}
            <label for="id_letter_spacing">{% trans "Alignment" %}:</label>
      {{ form.alignment }}
        </div>        
        <div class="field">
       	    {{ form.letter_spacing.errors }}
            <label for="id_letter_spacing">{% trans "Letter-spacing" %}:</label>
	    {{ form.letter_spacing }}
        </div>
        <div class="field">
       	    {{ form.leading.errors }}
            <label for="id_leading">{% trans "Leading" %}:</label>
	    {{ form.leading }}
        </div>
        <div class="field">
            {{ form.vertical_scale.errors }}
            <label for="id_vertical_scale">{% trans "Vertical scale" %}:</label>
      {{ form.vertical_scale }}
        </div>
        <div class="field">
            {{ form.horizontal_scale.errors }}
            <label for="id_horizontal_scale">{% trans "Horizontal scale" %}:</label>
      {{ form.horizontal_scale }}
        </div>                        
        <div class="field">
            <label for="id_bold">{% trans "Bold" %}:</label>
	    {{ form.bold }}
        </div>
        <div class="field">
            <label for="id_italic">{% trans "Italic" %}:</label>
	    {{ form.italic }}
        </div>
        <div class="field">
            <label for="id_underline">{% trans "Underline" %}:</label>
	    {{ form.underline }}
        </div>
      	<div class="field">
            {{ form.message.errors }}
       	    <label for="id_message">{% trans "Text" %}:</label>
	    {{ form.message }}
        </div>
	<input type="submit" value="{% trans "Convert" %}"/>
    </form>
{% endblock %}
